﻿@using SquishIt.Mvc
<!DOCTYPE html>
<html>
<head>
    <title>Sportsbook</title>
    @(SquishIt.Framework.Bundle.Css()
            .Add("~/Content/Styles/theme.css")
            .Add("~/Content/Styles/home.css")
            .Add("~/Content/Styles/linesContainer.css")
            .Add("~/Content/Styles/leagues.css")
            .Add("~/Content/Styles/lines.css")
            .Add("~/Content/Styles/menu.css")
            .Add("~/Content/Styles/betSlip.css")
            .ForceRelease()
            .MvcRender("~/Content/Styles/combined_#.css")
    )
    <script src="@Url.Content("~/Scripts/jquery-2.0.2.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.signalR-1.1.2.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/signalr/hubs")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/handlebars.min.js")" type="text/javascript"></script>
    @(SquishIt.Framework.Bundle.JavaScript()
            .Add("~/Content/Scripts/utils.js")
            .Add("~/Content/Scripts/menu.js")
            .Add("~/Content/Scripts/lines.js")
            .ForceRelease()
            .MvcRender("~/Content/Scripts/combined_#.js")
    )
</head>
<body>
    <div class="home">
        <div id="home-menu">
            <div class="home-menuHeader theme-header">Menu<span id="home-menuCountdown">10</span></div>
            @{Html.RenderAction("Index", "Menu");}
        </div>
    <div id="home-linesContainer">
        @{Html.RenderAction("Index", "LinesContainer");}
    </div>
    <div class="home-right">
        <div id="home-betSlip">
            <div class="theme-header">Bet slip</div>
            @{Html.RenderAction("Index", "BetSlip");}
        </div>
    </div>
    </div>
</body>
</html>
